<template>
  <pre style="padding-left: 0">   
      <code class="language-Markup  line-numbers">
        地址：https://cn.vuejs.org/guide/components/props.html
        <strong>props</strong>
        1、props的数据流向是单向的；
        2、props是只读的
        3、如果需要修改props，需要先接收后在做修改
        
        在setup 中使用 defineProps 关键字定义
        单个定义
        1、const props = defineProps(['foo'])

        对象方式定义
        2、defineProps({
            title: String,
            likes: Number
            })

        泛型类型定义
        3、defineProps&lt;{
            title?: string
            likes?: number
            }&gt;()    

        例子参考组件基础
        <strong></strong>
      </code>
    </pre>
</template>
<script setup lang="ts">
import { onMounted } from "vue";
import Prism from "prismjs";
onMounted(() => {
  Prism.highlightAll();
});
</script>
